<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="icon" type="image/x-icon" href="../../images/logo.png">
    <title>旅游项目</title>
    <!-- 下拉框 -->
    <link rel="stylesheet" href="../../plugin/M_select/js/M_select/M_select.css">
    <link rel="stylesheet" href="../../css/reset.css">
    <link rel="stylesheet" href="../../css/common.css">
    <link rel="stylesheet" href="../../css/tourismProject.css">
</head>
<body>
    <div class="box">
        <!-- 头部 -->
        <div class="header-box">
                <img src="../../images/headeBg.png" alt="">
                <div class="weather-box">
                    <span>郑州 小雨转多云 32/16℃</span>
                </div>
                <h1 class="header-title"><img src="../../images/header.png" alt=""></h1>
                <div class="header-action">
                    <span class="action-time"></span>
                    <a href="javascript:;">管理中心</a>
                    <a href="javascript:;">退出</a>
                </div>
            </div>
        <div class="main-box">
            <!-- 侧边导航 -->
            <ul class="aside-box">
                    <li>
                        <a href="../home.html">
                            <span>
                                <img class="aside-img" src="../../images/home.png" alt="">
                                <img class="aside-imgA " src="../../images/homeA.png" alt="">
                                首页
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../surroundings/development.html">
                            <span>
                                <img class="aside-img" src="../../images/huanjing.png" alt="">
                                <img class="aside-imgA" src="../../images/huanjingA.png" alt="">
                                产业发展环境
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../basic/basic.html">
                            <span>
                                <img class="aside-img" src="../../images/yaosu.png" alt="">
                                <img class="aside-imgA" src="../../images/yaosuA.png" alt="">
                                产业基础要素
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../passengerFlow/destination.html">
                            <span>
                                <img class="aside-img" src="../../images/keliu.png" alt="">
                                <img class="aside-imgA" src="../../images/keliuA.png" alt="">
                                旅游客流监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../productTesting/index.html">
                            <span>
                                <img class="aside-img" src="../../images/chanpin.png" alt="">
                                <img class="aside-imgA" src="../../images/chanpinA.png" alt="">
                                旅游产品监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../enterprise/scenicMonitor.html">
                            <span>
                                <img class="aside-img" src="../../images/qiye.png" alt="">
                                <img class="aside-imgA" src="../../images/qiyeA.png" alt="">
                                旅游企业监测
                            </span>
                        </a>
                    </li>
                    <li class="active">
                        <a href="./index.html">
                            <span>
                                <img class="aside-img" src="../../images/xiangmu.png" alt="">
                                <img class="aside-imgA" src="../../images/xiangmuA.png" alt="">
                                旅游项目监测
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="../brand/brand.html">
                            <span>
                                <img class="aside-img" src="../../images/pinpai.png" alt="">
                                <img class="aside-imgA" src="../../images/pinpaiA.png" alt="">
                                旅游品牌监测
                            </span>
                        </a>
                    </li>
                </ul>
            <!-- 主题内容 -->
            <div class="content-box">
                <div class="main-box">
                    <div class="left-box">
                        <div class="title-box">
                            <h3>
                                <img src="../../images/titile-img.png">
                                旅游项目监测
                            </h3>
                        </div>
                        <div class="left-main">
                            <div class="select-city">
                                <div class="city-box">
                                    <select>
                                        <option value="">郑州</option>
                                        <option value="">洛阳</option>
                                        <option value="">开封</option>
                                        <option value="">安阳</option>
                                        <option value="">商丘</option>
                                        <option value="">新乡</option>
                                    </select>
                                </div>
                            </div>
                            <div class="quantity-box">
                                <h4>旅游项目投资数量</h4>
<!--                                <p>-->
<!--                                    <span>0</span>-->
<!--                                    <span>0</span>-->
<!--                                    <span>2</span>-->
<!--                                    <span>3</span>-->
<!--                                    <span>2</span>-->
<!--                                </p>-->
                              <div class="numberStyle">00235</div>
                            </div>
                        </div>
                        <div class="map-box">
                            <div class="map" id="allmap"></div>
                            <div class="map-info">
                                <button>项目列表</button>
                                <div>
                                    <p>项目列表<span>共<i>10</i>条</span></p>
                                    <ul>
                                        <li class="active">
                                            <p>河南省华游全域旅游全息信息平台一期项目</p>
                                        </li>
                                        <li><p>河南省华游全域旅游全息信息平台一期项目</p></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="right-box">
                        <div class="project-details">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    项目详情
                                </h3>
                            </div>
                            <div class="details-box">
                                <div class="stage-box">
                                    <p>河南省华游全域旅游全息信息平台一期项目</p>
                                    <ul>
                                        <li>规划阶段：规划</li>
                                        <li>规划主题：河南省华游全域旅游全息信息平台</li>
                                        <li>规划诉求：通过构建河南省华游全域旅游全息信息平台标准规范体系，对旅游管理部门、旅游企业、OTA、运营商等旅游产业运行业务信息和实时数据进行整合，归集建设旅游监测管控平台。</li>
                                        <li>招投标信息：包括但不限于本项目所需应用软件、系统软硬件产品的开发、采购、运输、安装、调试、验收及相关服务等。 </li>
                                    </ul>
                                </div>
                                <div class="investor-info">
                                    <p>
                                        <span>投资商信息</span>
                                        <i>
                                            <button>管理</button>
                                            <button>导出</button>
                                        </i>
                                    </p>
                                    <p>
                                        <span>河南省全域旅游公司</span>
                                        <i>
                                            <button>查看</button>
                                        </i>
                                    </p>
                                    <p>
                                        <span>河南省云端旅游公司</span>
                                        <i>
                                            <button>查看</button>
                                        </i>
                                    </p>
                                    <p>
                                        <span>河南省华游信息公司</span>
                                        <i>
                                            <button>查看</button>
                                        </i>
                                    </p>
                                    <p>
                                        <span>河南省公司</span>
                                        <i>
                                            <button>查看</button>
                                        </i>
                                    </p>
                                    <p>
                                        <span>河南省华游公司</span>
                                        <i>
                                            <button>查看</button>
                                        </i>
                                    </p>
                                </div>
                            </div>
                        </div>
                        <div class="project-list">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    项目投资
                                </h3>
                            </div>
                            <table>
                                <thead>
                                    <tr>
                                        <th>投资商</th>
                                        <th>投资状态</th>
                                        <th>预计投资金额</th>
                                        <th>投资商当期出资额</th>
                                        <th>投资商累计出资额</th>
                                        <th>是否有追加可能</th>
                                        <th>投资收益预测</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr>
                                        <td>河南创业投资股份有限公司</td>
                                        <td>在投</td>
                                        <td>1000万</td>
                                        <td>200万</td>
                                        <td>420万</td>
                                        <td>是</td>
                                        <td>1200万</td>
                                    </tr>
                                    <tr>
                                        <td>河南投资集团有限公司</td>
                                        <td>在投</td>
                                        <td>1000万</td>
                                        <td>200万</td>
                                        <td>420万</td>
                                        <td>是</td>
                                        <td>1200万</td>
                                    </tr>
                                    <tr>
                                        <td>河南民航发展投资有限公司</td>
                                        <td>在投</td>
                                        <td>1000万</td>
                                        <td>200万</td>
                                        <td>420万</td>
                                        <td>是</td>
                                        <td>1200万</td>
                                    </tr>
                                    <tr>
                                        <td>郑州欣投公司</td>
                                        <td>在投</td>
                                        <td>1000万</td>
                                        <td>200万</td>
                                        <td>420万</td>
                                        <td>是</td>
                                        <td>1200万</td>
                                    </tr>
                                    <tr>
                                        <td>河南省华游信息公司</td>
                                        <td>在投</td>
                                        <td>1000万</td>
                                        <td>200万</td>
                                        <td>420万</td>
                                        <td>是</td>
                                        <td>1200万</td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                        <div class="project-process">
                            <div class="title-box">
                                <h3>
                                    <img src="../../images/titile-img.png">
                                    项目进程
                                </h3>
                                <button>进度填报</button>
                            </div>
                            <div class="echarts-box" id="projectProcess"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
   </div>
</body>
<script src="../../plugin/jquery-1.11.1.min.js"></script>
<script src="../../plugin/M_select/js/M_select/M_select.js"></script>
<script src="../../plugin/ECharts/echarts.js"></script>
<script src="../../plugin/ECharts/china.js"></script>
<script src="../../js/common.js"></script>
<script src="../../plugin/ECharts/echarts-wordcloud.min.js"></script>
<!-- 省市 -->
<script src="../../plugin/jQueryProvinces/distpicker.data.js"></script>
<script src="../../plugin/jQueryProvinces/distpicker.js"></script>
<script src="../../plugin/jQueryProvinces/main.js"></script>
<script src="../../js/jquery.leoTextAnimate.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=RbLCQuGNfG1cQrKmywquV6wEEkoVkyNY"></script>
<script src="../../js/tourismProject.js"></script>
<script type="text/javascript">
    $(function(){
		// 对所有下拉款进行初始化
	
		$(".select01").M_select({
			// 手动添加下拉款图片（以html页面为起始位置写路径）
			"Img":"../../plugin/M_select/js/M_select/up4.png",
			"Img2":"../../plugin/M_select/js/M_select/down4.png",
			"radius":"4px",
			"Title":"选择城市",
			"inputName":"selected_value",
			// 默认选中的值（参数值写需要选中的select的value值）
			"selected":"03",
			Succee:function(){
            site= $('#selectCity').val()
            console.log(site)
			}
        });
        
        $("#distpicker3").distpicker({
            province: "浙江省",
            city: "杭州市",
        });
	});
	// 百度地图API功能
	var map = new BMap.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(113.64,34.75), 11);  // 初始化地图,设置中心点坐标和地图级别
	//添加地图类型控件
	map.addControl(new BMap.MapTypeControl({
		mapTypes:[
            BMAP_NORMAL_MAP,
            BMAP_HYBRID_MAP
        ]}));
	map.setCurrentCity("郑州");          // 设置地图显示的城市 此项是必须设置的
    map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
    map.setMapStyle({style: 'midnight'})
    //默认地图样式(normal)
    //清新蓝风格(light)
    //黑夜风格(dark)
    //清新蓝绿风格(bluish)
    //高端灰风格(grayscale)
    //强边界风格(hardedge)
    //青春绿风格(darkgreen)
    //浪漫粉风格(pink)
    //午夜蓝风格(midnight)
    //自然绿风格(grassgreen)
    //精简风格(googlelite)
    //红色警戒风格(redalert)
    $('.numberStyle').leoTextAnimate({
      delay: 1000, //延时出现时间
      autorun: true, //是否自动运行
      fixed: [',', ':', '.'], //
      start: '0'
    })
</script>

</html>
